$(function () {
    /*1--- 登录注册表单切换 */
    // $("#link_reg").on("click", function () {
    //     // 注册按钮，登录框隐藏，注册框显示
    //     $(".login-box").hide();
    //     $(".reg-box").show();
    // });
    // $("#link_login").on("click", function () {
    //     // 登录按钮
    //     $(".login-box").show();
    //     $(".reg-box").hide();
    // });
    // 简化代码
    $("#link_reg ,#link_login").on('click', function () {
        // toggle切换元素显示隐藏状态
        $(".login-box,.reg-box").toggle();
    });
    /* 2----自定义表单密码校验规则 */
    layui.form.verify({
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
            /^\S{6,12}$/,
            '密码必须是6-12位的非空字符串'
        ],
        // 自定义重新输入密码规则
        repwd: function (value, item) {
            // value表示使用repwd规则的表单的值
            // 获取输入密码的值
            var password = $("#form_reg [name=password]").val();
            // 判断两次输入是否一致
            if (value !== password) return '两次密码不一致';
        }
    });
    /* 3---注册功能 */
    $("#form_reg").on('submit', function (e) {
        e.preventDefault();
        // 收集表单数据
        var data = {
            username: $("#form_reg [name=username]").val().trim(),
            password: $("#form_reg [name=password]").val().trim()
        };
        console.log(data);
        // 发送ajax请求
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                // if (resizeBy.status === 0) return console.log(res.message);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    });
                };
                layui.layer.msg(res.message, {
                    icon: 6
                }, function () {
                    $("#link_login").click();
                })
            }
        })
    });

    /* 4----登录功能 */
    $("#form_login").on('submit', function (e) {
        // 阻止页面跳转
        e.preventDefault();
        // 获取表单数据
        var data = $(this).serialize();
        // 发送请求
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success: function (res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    });
                }
                layui.layer.msg(res.message, {
                        icon: 6
                    },
                    function () {
                        // 保存token数据，调其他接口的凭据
                        localStorage.setItem('token', res.token);
                        // 跳转到后台首页
                        location.href = '/index.html'
                    });
            }
        })
    })
})